$(document).ready(function(){
    $(".register-frame").hide();
    $(".login").addClass("active");
    $(".login-frame").show();
    // $(".login-frame").hide();
    // $(".register-frame").show();


    $(".login").click(function () {
        $(".register-frame").hide();
        $(".register").removeClass("active");
        $(".login").addClass("active");
        $(".login-frame").show();
        $(".box").css("height", "55%");
    });

    $(".register").click(function () {
        $(".login-frame").hide();
        $(".login").removeClass("active");
        $(".register").addClass("active");
        $(".register-frame").show();
        $(".box").css("height", "74%");
    });

    var timer="";
    var nums=60;
    var validCode=true;//定义该变量是为了处理后面的重复点击事件
    $(".code").click(function () {
        var code=$('.code');
        if(validCode){
            code.text("发送中...");
            code.css("color", "rgb(170, 170, 170)");
            validCode=false;
            timer=setInterval(function(){
                if(nums>1){
                    nums--;
                    code.text(nums+"秒后重新发送");
                    code.css("color", "rgb(170, 170, 170)");
                }
                else{
                    clearInterval(timer);
                    nums=60;//重置回去
                    validCode=true;
                    code.css("color", "#e4393c");
                    code.text("发送验证码");
                }
            },1000)
        }
    });



    //该变量判断验证码是否正确
    var if_code_correct;

    //后端返回的验证码
    var compare_code;
    
    //点击发送验证码按钮获取验证码
    $("#verifi-btn").click(function(){

        
        var user_email;
        var reg = new RegExp("^[a-z0-9A-Z]+[- | a-z0-9A-Z . _]+@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?\\.)+[a-z]{2,}$");

        if($("#regis-email").val()==""){
            alert("邮箱不能为空！")
            return;
        }
        else if($("#regis-email").val()!==""){
            
            if(!reg.test($("#regis-email").val())){
                alert("邮箱格式不正确，请重新输入。");
                return;
            }
            else{
                user_email=$("#regis-email").val();
                
            }
        }

        var data={
            email:user_email,
        }
        $.ajax({
            type: 'GET',
            url: "http://8.130.103.251:8080/getCheckCode", 
            data: data,
            ContentType: 'application/json;charset=utf-8',
            
            success: function(data) {   
               compare_code=data;
            },
            error: function(xhr, type) {
                console.log("Error");
            }
         });
    
    });


    //点击注册按钮
    $("#register-btn").click(function(){
       
        var user_email;
        var user_name;
        var user_pwd;
        var verifi_code;
        var reg = new RegExp("^[a-z0-9A-Z]+[- | a-z0-9A-Z . _]+@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?\\.)+[a-z]{2,}$");

        if($("#regis-name").val()==""){
            alert("用户名不能为空！")
            return;
        }
        else{
            user_name=$("#regis-name").val();
        }

        if($("#regis-pwd").val()==""){
            alert("密码不能为空！")
            return;
        }
        else{
            user_pwd=$("#regis-pwd").val();
        }

        if($("#regis-email").val()==""){
            alert("邮箱不能为空！")
            return;
        }
        else if($("#regis-email").val()!==""){
            
            if(!reg.test($("#regis-email").val())){
                alert("邮箱格式不正确，请重新输入。");
                return;
            }
            else{
                user_email=$("#regis-email").val();
                
            }
        }

        if($("#regis-verifi-code").val()==""){
            alert("验证码不能为空！")
            return;
        }
        else{
            verifi_code=$("#regis-verifi-code").val();
        }

        if(!(verifi_code==compare_code)){
            alert("验证码错误！");
            return
        }
        else{
            var data={
                email:user_email,
                password:user_pwd,
                username:user_name,
                sex:0,
                phonenumber:"",
            }
            $.ajax({
                
                url: "http://8.130.103.251:8080/user/userregister", 
                type: 'GET',
                data:data,
                ContentType: 'application/json;charset=utf-8',
                success: function(data) {   
                    if(data.code==-1){
                        alert("用户名已存在！");
                        return
                    }
                    else if(data.code==0){
                        //储存用户名
                        $.cookie('username', user_name, { expires: 7 });
                        //储存用户登录状态
                        $.cookie('status',1, { expires: 7 });
                        //判断当前登录角色，1为用户，0为商家
                        $.cookie('if_user',1)
    
                        window.location.href = "hobby.html";
                    }
                //    console.log(data);
                //    $.cookie('username', user_name, { expires: 7 });
                //    $.cookie('status',1, { expires: 7 });
                //    window.location.href = "hobby.html";
                },
                error: function(xhr, type) {
                    console.log("Error");
                }

             });
        }


    });

    //点击登录按钮
    $("#login-btn").click(function(){
        var user_name;
        var user_pwd;

        if($("#login-name").val()==""){
            alert("用户名不能为空！")
            return;
        }
        else{
            user_name=$("#login-name").val();
        }

        if($("#login-pwd").val()==""){
            alert("密码不能为空！")
            return;
        }
        else{
            user_pwd=$("#login-pwd").val();
        }

        var data={
           
            password:user_pwd,
            username:user_name,         
        }
        $.ajax({
            
            url: "http://8.130.103.251:8080/user/userlogin", 
            type: 'GET',
            data:data,
            ContentType: 'application/json;charset=utf-8',
            success: function(data) {
                console.log(data);
                if(data.code==-1){
                    alert("用户或密码错误");
                    return
                }
                else if(data.code==0){
                    //储存用户名
                    $.cookie('username', user_name, { expires: 7 });
                    //储存用户登录状态
                    $.cookie('status',1, { expires: 7 });
                    //判断当前登录角色，1为用户，0为商家
                    $.cookie('if_user',1)

                    window.location.href = "index.html";
                }

            },
            error: function(xhr, type) {
                console.log("Error");
            }
         });
     
    })
});

